<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>后盾人</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.0-beta.7/vue.global.prod.js"></script>
  </head>
  <body>
    <div id="app"></div>
    <script type="text/x-template" id="hdTemplate">
      <h2>后盾人 - <hd-xj/></h2>
    </script>

    <script>
      //sea require.js vite webpack --> app.js
      const app = Vue.createApp({
        template: `<div>根组件 - <hd /></div>`,
      })

      app.component('hd', {
        template: '#hdTemplate',
      })

      app.component('hdXj', {
        template: `<div>向军大叔 </div>`,
      })

      app.mount('#app')
    </script>
  </body>
</html>
